// useEffect 基础使用
import { useEffect, useState } from "react"

function App () {
  // 1.没有依赖项 初始 + 组件更新
  // useEffect(() => {
  //   console.log('副作用函数执行了！')
  // })

  // 2.空数组依赖 初始执行一次后面不会执行
  const [count, setCount] = useState(0)
  // useEffect(() => {
  //   console.log('副作用函数执行了！')
  // }, [])
  // 3. 特定依赖项 初始 + 依赖项变化时执行  count变化时会执行
  useEffect(() => {
    console.log('副作用函数执行了！')
  }, [count])
  return (
    <div>
      this is App
      <button onClick={() => setCount(count + 1)}>+{count}</button>
    </div>
  )
}

export default App
